<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--JQuery文件-->
    <script type="text/javascript" src="../resources/static/easyui/jquery.min.js" ></script>
    <!--JQuery UI js文件-->
    <script type="text/javascript" src="../resources/static/jquery/jquery-ui.min.js"></script>
    <!--JQuery UI CSS文件-->
    <link rel="stylesheet" href="../resources/static/jquery/jquery-ui.min.css"/>
    <script>
        $(function(){
            $("#a").resizable2({
                handles: 'w',
                resize:function(event,ui){
                    console.info(event);
                    console.info(ui);
                }
            })
        });
    </script>
    <style>
        #b{
            width:300px;
            width:400px;
            width:500px;
            width:200px;height:300px;
            border:1px solid blue;
        }
    </style>
</head>
<body>
<div id="a" style="position:absolute;right:0;height: 400px;border: 1px solid red ;width: 400px;">

</div>
<div id="b">

</div>
</body>
</html>